@charset "utf-8";

/* Galaxy-Serveur V3 - Aurélien Michel - Copyright 2011 */

/* ################################################################################################################################# */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ################################################################################################################################# */

/* GLOBAL */

*{ list-style: none; margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding:0; }
body{ background: url('../images/structure/bg.gif') repeat; color: #222; font-family: "Tahoma", Arial, Verdana, Sans-serif; font-size: 13px; line-height: 13px; }

a { color: #000; text-decoration: none;}
.pad { color: #000; font-weight: bold; }
a:hover { color: #3B77BF; }

.btn {border: 1px solid navy; background-color: #eee; font-weight: bold; padding: 3px;}
.btn_center {margin-left: 29%; margin-right: 29%;}
.mp_hover:hover td {background: url('../images/structure/transp.png') repeat;}
.mp_title {background: none; border: none; font-weight: bold;}
.mp_title:hover {background: none; border: none; color: navy;}
.mp_title:active {background: none; border: none;}
.btn:hover {background: bisque; color: #3B77BF;}
.btn:active {background: darksalmon; color: #3B77BF;}
input:submit:hover {background: bisque; color: #3B77BF;}
input:submit:active {background: darksalmon; color: #3B77BF;}

.centre {margin: 20px; padding: 2%; padding-left: 11%;}
.centre ul li {margin-bottom: 5px; font-weight: bold;}

img {background: none; border: none;}
.img-align { vertical-align: middle; }
.img { padding-top: 4px; }

acronym { cursor: help; border-bottom: 1px dotted #a00; text-decoration: none; }

h1 div, h2 div, h3 div, h4 div, h5 div, h6 div { position: absolute; left: 0; top: 0; }

p { line-height: 1.3em; }

.left { float:left; }
.right { float: right; }
.clear { clear:both; }
.justify {margin-left: 30%; text-align: justify;}

h2 { font:1.6em "Lucida Grande", "Segoe UI", Arial, Verdana, "Lucida Sans Unicode", Tahoma, sans-serif; color: #757575; text-transform:uppercase; text-shadow: 1px 0 #DDDDDD; border-bottom: 1px dotted #ccc; margin-bottom:8px; }
h3 { font-size: 1em; font-weight: bold; background: url(../images/structure/h3.png) no-repeat; color: #965e27; width: 700px; height: 25px; padding: 5px 0 0 18px; margin-bottom: 10px; margin-top: 5px;}
h4 { font-size: 15px; line-height: 1.2307em; color: #333; font-weight: bold; text-shadow: 1px 0 #DDDDDD; margin-bottom:6px; }
h5 { font-size: 14px; line-height: 1.2307em; color: #0eb3cf; font-weight: bold; text-shadow: 1px 0 #DDDDDD; border-bottom: 1px solid #ccc; margin-bottom:8px; }
.h5 { font-size: 15px; line-height: 18px; line-height: 1.2307em; color: #2b6ccd; height: 18px; width: auto; font-weight: bold; text-shadow: 1px 0 #62a0ed; border-bottom: 1px solid #ccc; margin-bottom:8px; margin-top: 8px; }

.nodeco { text-decoration: none; }

fieldset { border: 1px solid navy; margin: 5px 0; color: #000; background: #f0e3c0; padding: 7px 10px; }

/* TEXT POS */
.ltr { direction: ltr !important; }
.tleft { text-align: left; padding-left: 5px; }
.tright { text-align: right; padding-right: 5px; }
.justify { text-align: justify; }

/* COLORS */
.black { color: #000; }
.white { color: #FFF; }
.red { color: red; }
.green { color: green; }
.blue { color: #0eb3cf; }
.green { color: green; }
.online { color: cyan; font-weight: bold;}
.offline { color: #D8000C; font-weight: bold;}
.cmd {color: darkolivegreen; font-weight: bold;}
.lightblue {color: #669;}

/* POLICES */
.px12 { font-size: 12px; }
.px11 { font-size: 11px; }
.px10 { font-size: 10px; }
.px9 { font-size: 9px; }
.px8 { font-size: 8px; }
.px7 { font-size: 7px; }
.px6 { font-size: 6px; }

/* HEADER */
.header { width:978px; height:120px; color: #777; position: relative; background: url('../images/structure/bg_header.png') repeat; border-left: solid 1px navy; border-right: solid 1px navy;}
.logo { height: 100px; width: 300px; position: absolute; margin-left: 20px; margin-top: 10px; background: transparent url('../images/structure/logo.png') no-repeat top left; }
.logo a { display: block; height: 100%; width: 100%; }

/* NEWSBOX */

.newsbox {border-left: solid 1px navy; border-right: solid 1px navy;}

/* USERBOX */

.userbox {width: 978px; height: 25px; border-left: solid 1px navy; border-right: solid 1px navy; background-color: navy; font: normal 100% Courrier;}
.userbox_left, .userbox_right {margin: 5px;}

/* NEWS */

.news_title {margin-left: 25px; margin-right: 25px; font-size: 18px; font-weight: bold; font-family: Courrier; text-align: left;}
.news_info {margin-top: -30px; margin-left: 690px; padding:15px 5px 15px 60px; background: url('../images/icone/page.png') top left no-repeat; background-repeat: no-repeat; background-position: 15px center; font: normal 100% Courrier; }
.news_txt {margin-left: 25px; margin-right: 25px;text-align: justify; font: normal 100% Courrier;}
hr {margin-left: 25px; margin-right: 25px; margin-top: 5px;}

/* FOOTER */
.footer { color: #000; position: absolute; width: 958px; font: normal 100% Courrier;}
.footer a { color: #000; text-decoration: none; }
.footer a:visited { color: #000; text-decoration: none; }
.footer a:hover { color: #0eb3cf; text-decoration: none; }
.footer .content { margin-left: 15px; margin-right: 15px; font-size: 14px; line-height: 40px; }
.footer .img { margin-top: 8px; margin-right: 15px; }
.footer_right {margin-left: 500px;}

/* WRAPPER */
#contentblock { padding-bottom: 60px; position: relative; }
#block { position: relative; min-height: 100%; height: 100%; }
html>body #block { height: auto; }
.wrapper { margin: 0 auto; position: relative; padding: 0; width:980px; }
.dline { width: 100%; position: relative; height:20px; }

/* MESSAGE BOXES */
.info-box, .success-box, .warning-box, .error-box, .help-box { border: 1px solid; margin: 10px 0px; padding:15px 5px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font: normal 100% Helvetica, Arial, sans-serif; }
.info-box { color: #00529B; background:#BDE5F8 url('../images/boxes/info.png') top left no-repeat; background-position: 5px 5px; }
.success-box { color: #4F8A10; background:#DFF2BF url('../images/boxes/success.png') top left no-repeat; background-position: 5px 5px; }
.warning-box { color: #9F6000; background:#FEEFB3 url('../images/boxes/warning.png') top left no-repeat; background-position: 5px 5px; }
.error-box { color: #D8000C; background:#FFBABA url('../images/boxes/error.png') top left no-repeat; background-position: 5px 5px; }
.help-box { color: #4C1274; background:#C7ABDA url('../images/boxes/help.png') top left no-repeat; background-position: 5px 5px; }
.comment-box {background: #d0d0d0 ; text-align: left; padding: 15px; margin: 5%; border: 1px solid navy; margin-bottom: -3%;}

/* PAGES */
.mainbox { background-color: #FFFFFF; width: 958px ;padding: 10px 10px 10px 10px; border-left: solid 1px navy; border-right: solid 1px navy; border-bottom: solid 1px navy; position: relative; }

/* MENU + FOOTER */
.userbar { position: absolute; width: 300px; margin-left: 638px; margin-top: 20px; padding:10px 10px 10px 10px; height: 60px; border: 1px solid #000; background: url('../images/structure/transp.png') repeat; font: normal 100% Courrier; -webkit-box-shadow: #244766 5px 5px 10px; -moz-box-shadow: #244766 10px 10px 10px; box-shadow: #244766 10px 10px 10px;}
.userbar .left { width:130px; color: #000;}
.userbar .right { width:140px; padding-left: 5px; color: #fff; }
.userbar .right img {}

.menu a { color: #FFF; text-decoration: none; margin-right: 20px; font-size: 16px; }
.menu a:visited { color: #FFF; text-decoration: none; }
.menu a:hover { color: #0eb3cf; text-decoration: none; }

.ubar { color: #FFF; border-left: 1px solid #ECECED; padding-left: 20px; }
.ubar a { color: #FFF; text-decoration: none; margin-right: 20px; }
.ubar a:visited { color: #FFF; text-decoration: none; }
.ubar a:hover { color: #0eb3cf; text-decoration: none; }

.img-menu { padding-bottom: 5px; }

.mainlinks a { color: #FFF; text-decoration: none; margin-right: 20px; font-size: 16px; }
.mainlinks a:visited { color: #FFF; text-decoration: none; }
.mainlinks a:hover { color: #0eb3cf; text-decoration: none; }

.mainmenu .content { color: #FFF; margin-left: 15px; margin-right: 15px; font-size: 14px; line-height: 35px; font: normal 100% Courrier;}
.mainmenu { min-width: 958px;  position: relative; height: 35px; background: #020202 url('../images/structure/menu.gif') repeat-x top; border-left: solid 1px navy; border-right: solid 1px navy; }

.bg {background: url(../images/menu/button4.gif);}
.menu {margin:0; list-style:none; height:40px; background:#fff url(../images/menu/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../images/menu/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(../images/menu/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/menu/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/menu/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(../images/menu/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(../images/menu/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../images/menu/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../images/menu/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(../images/menu/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(../images/menu/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}



/* STATS + STATUS */
.rightbox { width: 462px; height: 150px; float: right; background-color: #FFFFFF; margin-top: 20px; padding: 10px 10px 10px 10px; border: solid 1px #ECECED; min-height:120px; position: relative; overflow:auto; }
.leftbox { width: 462px; height: 150px; float: left; background-color: #FFFFFF; margin-top: 20px; padding: 10px 10px 10px 10px; border: solid 1px #ECECED; min-height:120px; position: relative; overflow:auto; }

/* ROUNDED CORNERS */
.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; position: relative; }

/* ################################################################################################################################# */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span{ background-image:url('../images/structure/sprite.png');  background-repeat:no-repeat;  -webkit-font-smoothing:antialiased}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{ margin:0;  padding:0}

input.text,
input.email,
input.password,
textarea.uniform{ font-size:12px;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight:normal;  padding:3px;  color:#777;  background:url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px;  background:url('../images/uniform/bg-input.png') repeat-x 0px 0px;  border-top:solid 1px #aaa;  border-left:solid 1px #aaa;  border-bottom:solid 1px #ccc;  border-right:solid 1px #ccc;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  outline:0}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus{ -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);  -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);  box-shadow:0px 0px 4px rgba(0,0,0,0.3);  border-color:#999;  background:url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px}

div.selector{ background-position:-483px -130px;  line-height:26px;  height:26px}

div.selector span{ background-position:right 0px;  height:26px;  line-height:26px}

div.selector select{  top:0px;  left:0px}

div.selector:active,
div.selector.active{ background-position:-483px -156px}

div.selector:active span,
div.selector.active span{ background-position:right -26px}

div.selector.focus, div.selector.hover, div.selector:hover{ background-position:-483px -182px}

div.selector.focus span, div.selector.hover span, div.selector:hover span{ background-position:right -52px}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover{ background-position:-483px -208px}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span{ background-position:right -78px}

div.selector.disabled{ background-position:-483px -234px}

div.selector.disabled span{ background-position:right -104px}

div.checker{ width:19px;  height:19px}

div.checker input{ width:19px;  height:19px}

div.checker span{ background-position:0px -260px;  height:19px;  width:19px}

div.checker:active span,
div.checker.active span{ background-position:-19px -260px}

div.checker.focus span,
div.checker:hover span{ background-position:-38px -260px}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span{ background-position:-57px -260px}

div.checker span.checked{ background-position:-76px -260px}

div.checker:active span.checked,
div.checker.active span.checked{ background-position:-95px -260px}

div.checker.focus span.checked,
div.checker:hover span.checked{ background-position:-114px -260px}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked{ background-position:-133px -260px}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span{ background-position:-152px -260px}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked{ background-position:-171px -260px}

div.radio{ width:18px;  height:18px}

div.radio input{ width:18px;  height:18px}

div.radio span{ height:18px;  width:18px;  background-position:0px -279px}

div.radio:active span,
div.radio.active span{ background-position:-18px -279px}

div.radio.focus span,
div.radio:hover span{ background-position:-36px -279px}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span{ background-position:-54px -279px}

div.radio span.checked{ background-position:-72px -279px}

div.radio:active span.checked,
div.radio.active span.checked{ background-position:-90px -279px}

div.radio.focus span.checked, div.radio:hover span.checked{ background-position:-108px -279px}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked{ background-position:-126px -279px}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span{ background-position:-144px -279px}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked{ background-position:-162px -279px}

div.uploader{ background-position:0px -297px;  height:28px}

div.uploader span.action{ background-position:right -409px;  height:24px;  line-height:24px}

div.uploader span.filename{ height:24px;   margin:2px 0px 2px 2px;  line-height:24px}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover{ background-position:0px -353px}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action{ background-position:right -437px}

div.uploader.active span.action,
div.uploader:active span.action{ background-position:right -465px}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action{ background-position:right -493px}

div.uploader.disabled{ background-position:0px -325px}

div.uploader.disabled span.action{ background-position:right -381px}

div.button{ background-position:0px -523px}

div.button span{ background-position:right -643px}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover{ background-position:0px -553px}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span{ background-position:right -673px}

div.button.active,
div.button:active{ background-position:0px -583px}

div.button.active span,
div.button:active span{ background-position:right -703px;  color:#555}

div.button.disabled,
div.button:disabled{ background-position:0px -613px}

div.button.disabled span,
div.button:disabled span{ background-position:right -733px;  color:#bbb;  cursor:default}

div.button{ height:30px}

div.button span{ margin-left:13px;  height:22px;  padding-top:8px;  font-weight:bold;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  letter-spacing:1px;  text-transform:uppercase;  padding-left:2px;  padding-right:15px}

div.selector{ width:190px;  font-size:12px}

div.selector select{ min-width:190px;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  border:solid 1px #fff}

div.selector span{ padding:0px 25px 0px 2px;  cursor:pointer}

div.selector span{ color:#666;  width:158px;  text-shadow:0 1px 0 #fff}

div.selector.disabled span{ color:#bbb}

div.checker{ margin-right:5px}

div.radio{ margin-right:3px}

div.uploader{ width:190px;  cursor:pointer}

div.uploader span.action{ width:85px;  text-align:center;  text-shadow:#fff 0px 1px 0px;  background-color:#fff;  font-size:11px;  font-weight:bold}

div.uploader span.filename{ color:#777;  width:82px;  border-right:solid 1px #bbb;  font-size:11px}

div.uploader input{ width:190px}

div.uploader.disabled span.action{ color:#aaa}

div.uploader.disabled span.filename{ border-color:#ddd;  color:#aaa}

.selector,
.checker,
.button,
.radio,
.uploader{ display:-moz-inline-box;  display:inline-block;  vertical-align:middle;  zoom:1;  *display:inline}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus{ outline:0}

div.button a,
div.button button,
div.button input{ position:absolute}

div.button{ cursor:pointer;  position:relative}

div.button span{ display:-moz-inline-box;  display:inline-block;  line-height:1;  text-align:center}

div.selector{ position:relative;  padding-left:10px;  overflow:hidden}

div.selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}

div.selector select{ position:absolute;  opacity:0;  filter:alpha(opacity:0);  height:25px;  border:none;  background:none}

div.checker{ position:relative}

div.checker span{ display:-moz-inline-box;  display:inline-block;  text-align:center}

div.checker input{ opacity:0;  filter:alpha(opacity:0);  display:inline-block;  background:none}

div.radio{ position:relative}

div.radio span{ display:-moz-inline-box;  display:inline-block;  text-align:center}

div.radio input{ opacity:0;  filter:alpha(opacity:0);  text-align:center;  display:inline-block;  background:none}

div.uploader{ position:relative;  overflow:hidden;  cursor:default}

div.uploader span.action{ float:left;  display:inline;  padding:2px 0px;  overflow:hidden;  cursor:pointer}

div.uploader span.filename{ padding:0px 10px;  float:left;  display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  cursor:default}

div.uploader input{ opacity:0;  filter:alpha(opacity:0);  position:absolute;  top:0;  right:0;  bottom:0;  float:right;  height:25px;  border:none;  cursor:default}

#facebox{ position:absolute;  top:0;  left:0;  z-index:100;  text-align:left}

#facebox .popup{ position:relative;  border:3px solid rgba(0,0,0,0);  -webkit-border-radius:5px;  -moz-border-radius:5px;  border-radius:5px;  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);  box-shadow:0 0 18px rgba(0,0,0,0.4)}

#facebox .content{ display:table;  width:370px;  padding:10px;  background:#fff;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px}

#facebox .content >p:first-child{ margin-top:0}
#facebox .content >p:last-child{ margin-bottom:0}

#facebox .close{ position:absolute;  top:5px;  right:5px;  padding:2px;  background:#fff}
#facebox .close img{ opacity:0.3}
#facebox .close:hover img{ opacity:1.0}

#facebox .loading{ text-align:center}

#facebox .image{ text-align:center}

#facebox img{ border:0;  margin:0}

#facebox_overlay{ position:fixed;  top:0px;  left:0px;  height:100%;  width:100%}

.facebox_hide{ z-index:-100}

.facebox_overlayBG{ background-color:#000;  z-index:99}

#easyTooltip{ position: absolute; padding:6px; background-color: #000; opacity: 0.9; color: #ddd; font-size:13px; -moz-border-radius:4px; -webkit-border-radius:4px;  -khtml-border-radius:4px; max-width: 350px;  border-radius:4px}

.resizable-textarea textarea{display:block; margin-bottom:0pt; height:20%; direction:ltr}
